<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../js/vue.js"></script>
    </head>
    <body>
        <div id="container">
            局部注册组件：<br>
            <Hello></Hello>
        </div>

        <script>
           //这是一个js对象
           //这是一个vue选项配置对象 
           var hello={
               //直接省略了 :function 
               data(){
                   return {
                       name:"李四"
                   }
               },
               template:
			   '<div><span style="color: #FF0000;">名称:</span><span>{{name}}</span></div>'
               
           }; 
           new Vue({
               el:"#container",
               //局部注册的组件  key:value 的形式  key是組件名称  value是组件对象 
               components:{
                   "Hello":hello
               }
           });
        </script>
    </body>
</html>
